define([
    'jquery',
    'jquery-cookie'
], function ($) {

    // 头部固定导航条
    function fixedNav() {
        // 当鼠标滚动到scrollTop === 头部header的高度时
        // 给document绑定一个鼠标滚动事件
        $(document).on('scroll', function (e) {
            e = e || window.event;
            // console.log($(window).scrollTop())
            // console.log($('#header').height());
            if ($(window).scrollTop() >= $('#header').height()) {
                $('#fixedNav').addClass('fixed-on');
            } else {
                $('#fixedNav').removeClass('fixed-on');
            }
        });
    }

    // container
    // 点击列表图显示对应显示图
    function imgTab() {
        var index = 0;
        var lastIndex = 0;
        $('#imgList li').on('click', function() {
            lastIndex = index;
            index = $(this).index();
            console.log(lastIndex);
            console.log(index);
            // 样式
            $('#imgList li').eq(lastIndex).removeClass('img-list-on');
            $('#imgList li').eq(index).addClass('img-list-on');
            // 显示图显示对应的图片
            $('#imgShow a').eq(lastIndex).hide();
            $('#imgShow a').eq(index).fadeIn();
            // 大图显示对应的图片
            $('#imgBig img').eq(lastIndex).hide();
            $('#imgBig img').eq(index).show();

        });
    }

    // 放大镜
    function zoom() {
        // 鼠标移入时, 显示工具
        $('#imgShow').on('mouseenter', function () {
            $('#tool').show();
            $('#imgBig').show();
        }).on('mouseleave', function () {
            $('#tool').hide();
            $('#imgBig').hide();
        }).on('mousemove', function (e) {
            e = e || window.event;
            // console.log(e.pageX);
            // console.log(e.pageY);
            var l = e.pageX - $(this).offset().left - $('#tool').innerWidth() / 2;
            var t = e.pageY - $(this).offset().top - $('#tool').innerHeight() / 2;
            // 限定范围
            if(l < 0) l = 0;
            if(t < 0) t = 0;
            if(l > $(this).innerWidth() - $('#tool').innerWidth()){
                l = $(this).innerWidth() - $('#tool').innerWidth();
            }
            if(t > $(this).innerHeight() - $('#tool').innerHeight()){
                t = $(this).innerHeight() - $('#tool').innerHeight();
            }
            // 工具跟随鼠标在显示图中移动
            $('#tool').css({
                left: l,
                top: t
            });
            // 大图反方向两倍移动
            $('#imgBig img').css({
                left: - l * 2,
                top: - t * 2
            });
        });
    }

    return {
        fixedNav: fixedNav,
        zoom: zoom,
        imgTab: imgTab
    }
});